<template>
  <el-row style="display: flex;width: 100%">
    <el-row style="flex-grow: 1">
      <el-card style="margin-top: 10px;width: 100%;min-width: 940px;margin-left: 10px">
        <template #header>
          <el-row style="display: flex;flex-direction: row;align-items: center">
            <el-row style="align-items: center;">
              职业：
              <el-select style="width: 80px" v-model="currentClassName" placeholder="职业" @change="selectProfessionChange">
                <el-option v-for="item in className" :label="item.value" :value="item.value"/>
              </el-select>
            </el-row>
            <el-row style="align-items: center;margin-left: 20px">
              境界：
              <el-select v-model="currentRealm" style="width: 100px" placeholder="境界" value-key="cultivationLevel">
                <el-option v-for="item in realmList" :label="item.cultivationLevel" :value="item"/>
              </el-select>
            </el-row>
            <el-row style="flex: 1;align-items: center;justify-content: right;margin-left: 20px">
              筛选：
              <el-input v-model="equipmentLevel" placeholder="输入装备等级搜索" clearable style="width:200px" @input="equipmentLevelChange"/>
            </el-row>
          </el-row>
        </template>
        <el-row align="top" style="height: 30px;margin-bottom: 20px">
          <el-row justify="center" style="text-align: center;width: 270px">装备</el-row>
          <el-row justify="center" style="text-align: center;width: 80px;margin-left: 10px">强化</el-row>
          <el-row justify="center" style="text-align: center;width: 120px;margin-left: 10px">套装/转灵境</el-row>
          <el-row justify="center" style="text-align: center;width: 300px;margin-left: 10px">灌注</el-row>
          <el-row justify="center" style="text-align: center;width: 80px;margin-left: 10px">日/月/星值</el-row>
        </el-row>
        <el-row justify="start">
          <el-form-item label="武器" style="width: 270px">
            <el-popover :width="300" placement="right" effect="dark">
              <template #reference>
                <el-select v-model="currentEquipment[0]" :model-value="currentEquipment[0].equipmentName" value-key="id"
                           placeholder="请选择装备" @change="equipmentSelectChange">
                  <el-option v-for="item in classEquipment.Weapon" :key="item.id" :label="item.equipmentName" :value="item"/>
                </el-select>
              </template>
              <template #default>
                <el-row type="flex" justify="start" style="display: flex;flex-flow: column;text-align: left">
                  <el-row v-show="currentEquipment[0].coreAttribute>0">核心属性：{{ currentEquipment[0].coreAttribute }}</el-row>
                  <el-row v-show="currentEquipment[0].constitution>0">体：&#12288;&#12288;&#12288;{{ currentEquipment[0].constitution }}</el-row>
                  <el-row v-show="currentEquipment[0].physicalDefense">物理防御：{{ currentEquipment[0].physicalDefense }}</el-row>
                  <el-row v-show="currentEquipment[0].criticalStrike>0">会心：&#12288;&#12288;{{ currentEquipment[0].criticalStrike }}</el-row>
                  <el-row v-show="currentEquipment[0].recovery>0">调息：&#12288;&#12288;{{ currentEquipment[0].recovery }}</el-row>
                  <el-row v-show="currentEquipment[0].expertise>0">专精：&#12288;&#12288;{{ currentEquipment[0].expertise }}</el-row>
                  <el-row v-show="currentEquipment[0].armorPenetration>0">破甲：&#12288;&#12288;{{ currentEquipment[0].armorPenetration }}</el-row>
                  <el-row v-show="currentEquipment[0].accuracy>0">命中：&#12288;&#12288;{{ currentEquipment[0].accuracy }}</el-row>
                  <el-row>来源：&#12288;&#12288;{{ currentEquipment[0].equipmentSource }}</el-row>
                  <el-row style="color: chocolate" v-show="currentEquipment[0].specialAttribute.length>1">特殊属性：{{ currentEquipment[0].specialAttribute }}</el-row>
                </el-row>
              </template>
            </el-popover>
          </el-form-item>
          <el-row justify="center" style="text-align: center;width: 80px;margin-left: 10px">
            <el-select v-model="currentWeaponEnhancedLevel" placeholder="强化" style="width: 150px"
                       :disabled="currentEquipment[0]?.equipmentName.indexOf('神兵')===-1 || currentEquipment[0]?.qualityLevel<335"
                       @change="weaponEnhancedSelectChange($event,0)">
              <el-option v-for="item in weaponEnhancedSelectList" :key="item" :label="item" :value="item"/>
            </el-select>
          </el-row>
          <el-row justify="center" style="text-align: center;width: 120px;margin-left: 10px">无</el-row>
          <el-row justify="center" style="text-align: center;width: 300px;margin-left: 10px">无</el-row>
          <el-row justify="center" style="text-align: center;width: 80px;margin-left: 10px">无</el-row>
        </el-row>
        <el-row justify="start">
          <el-row style="text-align: center">
            <el-form-item label="头部" style="width: 270px;">
              <el-popover :width="300" placement="right" effect="dark">
                <template #reference>
                  <el-select v-model="currentEquipment[1]" :model-value="currentEquipment[1].equipmentName" value-key="id"
                             placeholder="请选择装备" @change="equipmentSelectChange">
                    <el-option v-for="item in classEquipment.Head" :key="item.id" :label="item.equipmentName" :value="item"/>
                  </el-select>
                </template>
                <template #default>
                  <el-row type="flex" justify="start" style="display: flex;flex-flow: column;text-align: left">
                    <el-row v-show="currentEquipment[1].coreAttribute>0">核心属性：{{ currentEquipment[1].coreAttribute + enhancedAttribute[1]?.coreAttribute }}</el-row>
                    <el-row v-show="currentEquipment[1].constitution>0">体：&#12288;&#12288;&#12288;{{ currentEquipment[1].constitution + enhancedAttribute[1]?.constitution }}</el-row>
                    <el-row v-show="currentEquipment[1].physicalDefense">物理防御：{{ currentEquipment[1].physicalDefense }}</el-row>
                    <el-row v-show="currentEquipment[1].criticalStrike>0">会心：&#12288;&#12288;{{ currentEquipment[1].criticalStrike + enhancedAttribute[1]?.criticalStrike }}</el-row>
                    <el-row v-show="currentEquipment[1].recovery>0">调息：&#12288;&#12288;{{ currentEquipment[1].recovery + enhancedAttribute[1]?.recovery }}</el-row>
                    <el-row v-show="currentEquipment[1].expertise>0">专精：&#12288;&#12288;{{ currentEquipment[1].expertise + enhancedAttribute[1]?.expertise }}</el-row>
                    <el-row v-show="currentEquipment[1].armorPenetration>0">破甲：&#12288;&#12288;{{ currentEquipment[1].armorPenetration + enhancedAttribute[1]?.armorPenetration }}</el-row>
                    <el-row v-show="currentEquipment[1].accuracy>0">命中：&#12288;&#12288;{{ currentEquipment[1].accuracy + enhancedAttribute[1]?.accuracy }}</el-row>
                    <el-row>来源：&#12288;&#12288;{{ currentEquipment[1].equipmentSource }}</el-row>
                    <el-row style="color: chocolate" v-show="currentEquipment[1].specialAttribute.length>1">特殊属性：{{ currentEquipment[1].specialAttribute }}</el-row>
                  </el-row>
                </template>
              </el-popover>
            </el-form-item>
          </el-row>
          <el-row justify="center" style="text-align: center;width: 80px;margin-left: 10px">
            <el-select v-model="currentArmorEnhancedLevel[1]" placeholder="强化" style="width: 150px"
                       :disabled="currentEquipment[1].qualityLevel<315 || currentEquipment[1].qualityLevel>=345" @visible-change="armorEnhancedChange($event,1)"
                       @change="armorEnhancedSelectChange(1)">
              <el-option v-for="item in enhancedLevel" :key="item" :label="item" :value="item"/>
            </el-select>
          </el-row>
          <el-row justify="center" style="text-align: center;width: 120px;margin-left: 10px">
            <el-select v-model="currentSuitLevel[1]" value-key="name" :disabled="currentEquipment[1].equipmentSource?.indexOf('套装')!==-1"
                       placeholder="套装" @change="suitChange($event,1)">
              <el-option v-for="item in suitLevel" :key="item.level" :label="item.name" :value="item"/>
            </el-select>
          </el-row>
          <el-row justify="center" style="text-align: center;width: 300px;margin-left: 10px">
            <el-col :span="8">
              <el-select v-model="currentInlay.head[0]" placeholder="灌注1" value-key="description" @change="inlaySelectChange">
                <el-option v-for="item in inlayList.head" :key="item.id" :label="item.description" :value="item"/>
              </el-select>
            </el-col>
            <el-col :span="8">
              <el-select v-model="currentInlay.head[1]" placeholder="灌注2" value-key="description" @change="inlaySelectChange">
                <el-option v-for="item in inlayList.head" :key="item.id" :label="item.description" :value="item"/>
              </el-select>
            </el-col>
            <el-col :span="8">
              <el-select v-model="currentInlay.head[2]" placeholder="灌注3" value-key="description" @change="inlaySelectChange">
                <el-option v-for="item in inlayList.head" :key="item.id" :label="item.description" :value="item"/>
              </el-select>
            </el-col>
          </el-row>
          <el-row justify="center" style="text-align: center;width: 80px;margin-left: 10px">
            <el-input-number v-model="currentSunMoonStarValue[1]" size="small"
                             :disabled="currentEquipment[1]?.galaxyType===0||currentEquipment[1]?.galaxyType===null" style="height: 32px"
                             :min="currentEquipment[1].galaxyMin" :max="currentEquipment[1].galaxyMax" @change="sunMoonStarNumberChange($event,1)"/>
          </el-row>
        </el-row>
        <el-row justify="start">
          <el-row style="text-align: center">
            <el-form-item label="上身" style="width: 270px;">
              <el-popover :width="300" placement="right" effect="dark">
                <template #reference>
                  <el-select v-model="currentEquipment[2]" :model-value="currentEquipment[2].equipmentName" value-key="id"
                             placeholder="请选择装备" @change="equipmentSelectChange">
                    <el-option v-for="item in classEquipment.UpperBody" :key="item.id" :label="item.equipmentName" :value="item"/>
                  </el-select>
                </template>
                <template #default>
                  <el-row type="flex" justify="start" style="display: flex;flex-flow: column;text-align: left">
                    <el-row v-show="currentEquipment[2].coreAttribute>0">核心属性：{{ currentEquipment[2].coreAttribute + enhancedAttribute[2]?.coreAttribute }}</el-row>
                    <el-row v-show="currentEquipment[2].constitution>0">体：&#12288;&#12288;&#12288;{{ currentEquipment[2].constitution + enhancedAttribute[2]?.constitution }}</el-row>
                    <el-row v-show="currentEquipment[2].physicalDefense">物理防御：{{ currentEquipment[2].physicalDefense }}</el-row>
                    <el-row v-show="currentEquipment[2].criticalStrike>0">会心：&#12288;&#12288;{{ currentEquipment[2].criticalStrike + enhancedAttribute[2]?.criticalStrike }}</el-row>
                    <el-row v-show="currentEquipment[2].recovery>0">调息：&#12288;&#12288;{{ currentEquipment[2].recovery + enhancedAttribute[2]?.recovery }}</el-row>
                    <el-row v-show="currentEquipment[2].expertise>0">专精：&#12288;&#12288;{{ currentEquipment[2].expertise + enhancedAttribute[2]?.expertise }}</el-row>
                    <el-row v-show="currentEquipment[2].armorPenetration>0">破甲：&#12288;&#12288;{{ currentEquipment[2].armorPenetration + enhancedAttribute[2]?.armorPenetration }}</el-row>
                    <el-row v-show="currentEquipment[2].accuracy>0">命中：&#12288;&#12288;{{ currentEquipment[2].accuracy + enhancedAttribute[2]?.accuracy }}</el-row>
                    <el-row>来源：&#12288;&#12288;{{ currentEquipment[2].equipmentSource }}</el-row>
                    <el-row style="color: chocolate" v-show="currentEquipment[2].specialAttribute.length>1">特殊属性：{{ currentEquipment[2].specialAttribute }}</el-row>
                  </el-row>
                </template>
              </el-popover>
            </el-form-item>
          </el-row>
          <el-row justify="center" style="text-align: center;width: 80px;margin-left: 10px">
            <el-select v-model="currentArmorEnhancedLevel[2]" placeholder="强化" style="width: 150px"
                       :disabled="currentEquipment[2].qualityLevel<315 || currentEquipment[2].qualityLevel>=345" @visible-change="armorEnhancedChange($event,2)"
                       @change="armorEnhancedSelectChange(2)">
              <el-option v-for="item in enhancedLevel" :key="item" :label="item" :value="item"/>
            </el-select>
          </el-row>
          <el-row justify="center" style="text-align: center;width: 120px;margin-left: 10px">
            <el-select v-model="currentSuitLevel[2]" value-key="name" :disabled="currentEquipment[2].equipmentSource?.indexOf('套装')!==-1"
                       placeholder="套装" @change="suitChange($event,2)">
              <el-option v-for="item in suitLevel" :key="item.level" :label="item.name" :value="item"/>
            </el-select>
          </el-row>
          <el-row style="width: 300px;margin-left: 10px">
            <el-col :span="8">
              <el-select v-model="currentInlay.clothing[0]" placeholder="灌注1" value-key="description" @change="inlaySelectChange">
                <el-option v-for="item in inlayList.clothing" :key="item.id" :label="item.description" :value="item"/>
              </el-select>
            </el-col>
            <el-col :span="8">
              <el-select v-model="currentInlay.clothing[1]" placeholder="灌注2" value-key="description" @change="inlaySelectChange">
                <el-option v-for="item in inlayList.clothing" :key="item.id" :label="item.description" :value="item"/>
              </el-select>
            </el-col>
            <el-col :span="8">
              <el-select v-model="currentInlay.clothing[2]" placeholder="灌注3" value-key="description" @change="inlaySelectChange">
                <el-option v-for="item in inlayList.clothing" :key="item.id" :label="item.description" :value="item"/>
              </el-select>
            </el-col>
          </el-row>
          <el-row justify="center" style="text-align: center;width: 80px;margin-left: 10px">
            <el-input-number v-model="currentSunMoonStarValue[2]" size="small"
                             :disabled="currentEquipment[2].galaxyType===0||currentEquipment[2]?.galaxyType===null" style="height: 32px"
                             :min="currentEquipment[2].galaxyMin" :max="currentEquipment[2].galaxyMax" @change="sunMoonStarNumberChange($event,2)"/>
          </el-row>
        </el-row>
        <el-row justify="start">
          <el-row style="text-align: center">
            <el-form-item label="手部" style="width: 270px;">
              <el-popover :width="300" placement="right" effect="dark">
                <template #reference>
                  <el-select v-model="currentEquipment[3]" :model-value="currentEquipment[3].equipmentName" value-key="id"
                             class="m-2" placeholder="请选择装备" @change="equipmentSelectChange">
                    <el-option v-for="item in classEquipment.Hand" :key="item.id" :label="item.equipmentName" :value="item"/>
                  </el-select>
                </template>
                <template #default>
                  <el-row type="flex" justify="start" style="display: flex;flex-flow: column;text-align: left">
                    <el-row v-show="currentEquipment[3].coreAttribute>0">核心属性：{{ currentEquipment[3].coreAttribute + enhancedAttribute[3]?.coreAttribute }}</el-row>
                    <el-row v-show="currentEquipment[3].constitution>0">体：&#12288;&#12288;&#12288;{{ currentEquipment[3].constitution + enhancedAttribute[3]?.constitution }}</el-row>
                    <el-row v-show="currentEquipment[3].physicalDefense">物理防御：{{ currentEquipment[3].physicalDefense }}</el-row>
                    <el-row v-show="currentEquipment[3].criticalStrike>0">会心：&#12288;&#12288;{{ currentEquipment[3].criticalStrike + enhancedAttribute[3]?.criticalStrike }}</el-row>
                    <el-row v-show="currentEquipment[3].recovery>0">调息：&#12288;&#12288;{{ currentEquipment[3].recovery + enhancedAttribute[3]?.recovery }}</el-row>
                    <el-row v-show="currentEquipment[3].expertise>0">专精：&#12288;&#12288;{{ currentEquipment[3].expertise + enhancedAttribute[3]?.expertise }}</el-row>
                    <el-row v-show="currentEquipment[3].armorPenetration>0">破甲：&#12288;&#12288;{{ currentEquipment[3].armorPenetration + enhancedAttribute[3]?.armorPenetration }}</el-row>
                    <el-row v-show="currentEquipment[3].accuracy>0">命中：&#12288;&#12288;{{ currentEquipment[3].accuracy + enhancedAttribute[3]?.accuracy }}</el-row>
                    <el-row>来源：&#12288;&#12288;{{ currentEquipment[3].equipmentSource }}</el-row>
                    <el-row style="color: chocolate" v-show="currentEquipment[3].specialAttribute.length>1">特殊属性：{{ currentEquipment[3].specialAttribute }}</el-row>
                  </el-row>
                </template>
              </el-popover>
            </el-form-item>
          </el-row>
          <el-row justify="center" style="text-align: center;width: 80px;margin-left: 10px">
            <el-select v-model="currentArmorEnhancedLevel[3]" placeholder="强化" style="width: 150px"
                       :disabled="currentEquipment[3].qualityLevel<315 || currentEquipment[3].qualityLevel>=345" @visible-change="armorEnhancedChange($event,3)"
                       @change="armorEnhancedSelectChange(3)">
              <el-option v-for="item in enhancedLevel" :key="item" :label="item" :value="item"/>
            </el-select>
          </el-row>
          <el-row justify="center" style="text-align: center;width: 120px;margin-left: 10px">
            <el-select v-model="currentSuitLevel[3]" value-key="name" :disabled="currentEquipment[3].equipmentSource?.indexOf('套装')!==-1"
                       placeholder="套装" @change="suitChange($event,3)">
              <el-option v-for="item in suitLevel" :key="item.level" :label="item.name" :value="item"/>
            </el-select>
          </el-row>
          <el-row justify="center" style="text-align: center;width: 300px;margin-left: 10px">
            <el-col :span="8">
              <el-select v-model="currentInlay.hand[0]" placeholder="灌注1" value-key="description" @change="inlaySelectChange">
                <el-option v-for="item in inlayList.hand" :key="item.id" :label="item.description" :value="item"/>
              </el-select>
            </el-col>
            <el-col :span="8">
              <el-select v-model="currentInlay.hand[1]" placeholder="灌注2" value-key="description" @change="inlaySelectChange">
                <el-option v-for="item in inlayList.hand" :key="item.id" :label="item.description" :value="item"/>
              </el-select>
            </el-col>
            <el-col :span="8">
              <el-select v-model="currentInlay.hand[2]" placeholder="灌注3" value-key="description" @change="inlaySelectChange">
                <el-option v-for="item in inlayList.hand" :key="item.id" :label="item.description" :value="item"/>
              </el-select>
            </el-col>
          </el-row>
          <el-row justify="center" style="text-align: center;width: 80px;margin-left: 10px">
            <el-input-number v-model="currentSunMoonStarValue[3]" size="small"
                             :disabled="currentEquipment[3].galaxyType===0||currentEquipment[3]?.galaxyType===null" style="height: 32px"
                             :min="currentEquipment[3].galaxyMin" :max="currentEquipment[3].galaxyMax" @change="sunMoonStarNumberChange($event,3)"/>
          </el-row>
        </el-row>
        <el-row justify="start">
          <el-row style="text-align: center">
            <el-form-item label="腰部" style="width: 270px;">
              <el-popover :width="300" placement="right" effect="dark">
                <template #reference>
                  <el-select v-model="currentEquipment[4]" :model-value="currentEquipment[4].equipmentName" value-key="id"
                             placeholder="请选择装备" @change="equipmentSelectChange">
                    <el-option v-for="item in classEquipment.Waist" :key="item.id" :label="item.equipmentName" :value="item"/>
                  </el-select>
                </template>
                <template #default>
                  <el-row type="flex" justify="start" style="display: flex;flex-flow: column;text-align: left">
                    <el-row v-show="currentEquipment[4].coreAttribute>0">核心属性：{{ currentEquipment[4].coreAttribute + enhancedAttribute[4]?.coreAttribute }}</el-row>
                    <el-row v-show="currentEquipment[4].constitution>0">体：&#12288;&#12288;&#12288;{{ currentEquipment[4].constitution + enhancedAttribute[4]?.constitution }}</el-row>
                    <el-row v-show="currentEquipment[4].physicalDefense">物理防御：{{ currentEquipment[4].physicalDefense }}</el-row>
                    <el-row v-show="currentEquipment[4].criticalStrike>0">会心：&#12288;&#12288;{{ currentEquipment[4].criticalStrike + enhancedAttribute[4]?.criticalStrike }}</el-row>
                    <el-row v-show="currentEquipment[4].recovery>0">调息：&#12288;&#12288;{{ currentEquipment[4].recovery + enhancedAttribute[4]?.recovery }}</el-row>
                    <el-row v-show="currentEquipment[4].expertise>0">专精：&#12288;&#12288;{{ currentEquipment[4].expertise + enhancedAttribute[4]?.expertise }}</el-row>
                    <el-row v-show="currentEquipment[4].armorPenetration>0">破甲：&#12288;&#12288;{{ currentEquipment[4].armorPenetration + enhancedAttribute[4]?.armorPenetration }}</el-row>
                    <el-row v-show="currentEquipment[4].accuracy>0">命中：&#12288;&#12288;{{ currentEquipment[4].accuracy + enhancedAttribute[4]?.accuracy }}</el-row>
                    <el-row>来源：&#12288;&#12288;{{ currentEquipment[4].equipmentSource }}</el-row>
                    <el-row style="color: chocolate" v-show="currentEquipment[4].specialAttribute.length>1">特殊属性：{{ currentEquipment[4].specialAttribute }}</el-row>
                  </el-row>
                </template>
              </el-popover>
            </el-form-item>
          </el-row>
          <el-row justify="center" style="text-align: center;width: 80px;margin-left: 10px">
            <el-select v-model="currentArmorEnhancedLevel[4]" placeholder="强化" style="width: 150px"
                       :disabled="currentEquipment[4].qualityLevel<315 || currentEquipment[4].qualityLevel>=345" @visible-change="armorEnhancedChange($event,4)"
                       @change="armorEnhancedSelectChange(4)">
              <el-option v-for="item in enhancedLevel" :key="item" :label="item" :value="item"/>
            </el-select>
          </el-row>
          <el-row justify="center" style="text-align: center;width: 120px;margin-left: 10px">
            <el-select v-model="currentSuitLevel[4]" value-key="name" :disabled="currentEquipment[4].equipmentSource?.indexOf('套装')!==-1"
                       placeholder="套装" @change="suitChange($event,4)">
              <el-option v-for="item in suitLevel" :key="item.level" :label="item.name" :value="item"/>
            </el-select>
          </el-row>
          <el-row justify="center" style="text-align: center;width: 300px;margin-left: 10px">
            <el-col :span="8">
              <el-select v-model="currentInlay.waist[0]" placeholder="灌注1" value-key="description" @change="inlaySelectChange">
                <el-option v-for="item in inlayList.waist" :key="item.id" :label="item.description" :value="item"/>
              </el-select>
            </el-col>
            <el-col :span="8">
              <el-select v-model="currentInlay.waist[1]" placeholder="灌注2" value-key="description" @change="inlaySelectChange">
                <el-option v-for="item in inlayList.waist" :key="item.id" :label="item.description" :value="item"/>
              </el-select>
            </el-col>
            <el-col :span="8">
              <el-select v-model="currentInlay.waist[2]" placeholder="灌注3" value-key="description" @change="inlaySelectChange">
                <el-option v-for="item in inlayList.waist" :key="item.id" :label="item.description" :value="item"/>
              </el-select>
            </el-col>
          </el-row>
          <el-row justify="center" style="text-align: center;width: 80px;margin-left: 10px">
            <el-input-number v-model="currentSunMoonStarValue[4]" size="small"
                             :disabled="currentEquipment[4].galaxyType===0||currentEquipment[4]?.galaxyType===null" style="height: 32px"
                             :min="currentEquipment[4].galaxyMin" :max="currentEquipment[4].galaxyMax" @change="sunMoonStarNumberChange($event,4)"/>
          </el-row>
        </el-row>
        <el-row justify="start">
          <el-row style="text-align: center">
            <el-form-item label="脚部" style="width: 270px">
              <el-popover :width="300" placement="right" effect="dark">
                <template #reference>
                  <el-select v-model="currentEquipment[5]" :model-value="currentEquipment[5].equipmentName" value-key="id"
                             placeholder="请选择装备" @change="equipmentSelectChange">
                    <el-option v-for="item in classEquipment.Foot" :key="item.id" :label="item.equipmentName" :value="item"/>
                  </el-select>
                </template>
                <template #default>
                  <el-row type="flex" justify="start" style="display: flex;flex-flow: column;text-align: left">
                    <el-row v-show="currentEquipment[5].coreAttribute>0">核心属性：{{ currentEquipment[5].coreAttribute + enhancedAttribute[5]?.coreAttribute }}</el-row>
                    <el-row v-show="currentEquipment[5].constitution>0">体：&#12288;&#12288;&#12288;{{ currentEquipment[5].constitution + enhancedAttribute[5]?.constitution }}</el-row>
                    <el-row v-show="currentEquipment[5].physicalDefense">物理防御：{{ currentEquipment[5].physicalDefense }}</el-row>
                    <el-row v-show="currentEquipment[5].criticalStrike>0">会心：&#12288;&#12288;{{ currentEquipment[5].criticalStrike + enhancedAttribute[5]?.criticalStrike }}</el-row>
                    <el-row v-show="currentEquipment[5].recovery>0">调息：&#12288;&#12288;{{ currentEquipment[5].recovery + enhancedAttribute[5]?.recovery }}</el-row>
                    <el-row v-show="currentEquipment[5].expertise>0">专精：&#12288;&#12288;{{ currentEquipment[5].expertise + enhancedAttribute[5]?.expertise }}</el-row>
                    <el-row v-show="currentEquipment[5].armorPenetration>0">破甲：&#12288;&#12288;{{ currentEquipment[5].armorPenetration + enhancedAttribute[5]?.armorPenetration }}</el-row>
                    <el-row v-show="currentEquipment[5].accuracy>0">命中：&#12288;&#12288;{{ currentEquipment[5].accuracy + enhancedAttribute[5]?.accuracy }}</el-row>
                    <el-row>来源：&#12288;&#12288;{{ currentEquipment[5].equipmentSource }}</el-row>
                    <el-row style="color: chocolate" v-show="currentEquipment[5].specialAttribute.length>1">特殊属性：{{ currentEquipment[5].specialAttribute }}</el-row>
                  </el-row>
                </template>
              </el-popover>
            </el-form-item>
          </el-row>
          <el-row justify="center" style="text-align: center;width: 80px;margin-left: 10px">
            <el-select v-model="currentArmorEnhancedLevel[5]" placeholder="强化"
                       :disabled="currentEquipment[5].qualityLevel<315 || currentEquipment[5].qualityLevel>=345" @visible-change="armorEnhancedChange($event,5)"
                       @change="armorEnhancedSelectChange(5)">
              <el-option v-for="item in enhancedLevel" :key="item" :label="item" :value="item"/>
            </el-select>
          </el-row>
          <el-row justify="center" style="text-align: center;width: 120px;margin-left: 10px">
            <el-select v-model="currentSuitLevel[5]" value-key="name" :disabled="currentEquipment[5].equipmentSource?.indexOf('套装')!==-1"
                       placeholder="套装" @change="suitChange($event,5)">
              <el-option v-for="item in suitLevel" :key="item.level" :label="item.name" :value="item"/>
            </el-select>
          </el-row>
          <el-row justify="center" style="width: 300px;margin-left: 10px">无</el-row>
          <el-row justify="center" style="text-align: center;width: 80px;margin-left: 10px">
            <el-input-number v-model="currentSunMoonStarValue[5]" size="small"
                             :disabled="currentEquipment[5].galaxyType===0||currentEquipment[5]?.galaxyType===null" style="height: 32px"
                             :min="currentEquipment[5].galaxyMin" :max="currentEquipment[5].galaxyMax" @change="sunMoonStarNumberChange($event,5)"/>
          </el-row>
        </el-row>
        <el-row justify="start">
          <el-row style="text-align: center">
            <el-form-item label="护符" style="width: 270px;">
              <el-popover :width="300" placement="right" effect="dark">
                <template #reference>
                  <el-select v-model="currentEquipment[6]" :model-value="currentEquipment[6].equipmentName" value-key="id"
                             placeholder="请选择装备" @change="equipmentSelectChange">
                    <el-option v-for="item in classEquipment.Charm1" :key="item.id" :label="item.equipmentName" :value="item"
                               :disabled="item.equipmentName?.indexOf(currentEquipmentSunMoonStar[7]?.name)!==-1"/>
                  </el-select>
                </template>
                <template #default>
                  <el-row type="flex" justify="start" style="display: flex;flex-flow: column;text-align: left">
                    <el-row v-show="currentEquipment[6]?.coreAttribute>0">核心属性：{{ currentEquipment[6].coreAttribute + enhancedAttribute[6]?.coreAttribute }}</el-row>
                    <el-row v-show="currentEquipment[6]?.constitution>0">体：&#12288;&#12288;&#12288;{{ currentEquipment[6].constitution + enhancedAttribute[6]?.constitution }}</el-row>
                    <el-row v-show="currentEquipment[6]?.magicDefense">法术防御：{{ currentEquipment[6].magicDefense }}</el-row>
                    <el-row v-show="currentEquipment[6]?.criticalStrike>0">会心：&#12288;&#12288;{{ currentEquipment[6].criticalStrike + enhancedAttribute[6]?.criticalStrike }}</el-row>
                    <el-row v-show="currentEquipment[6]?.recovery>0">调息：&#12288;&#12288;{{ currentEquipment[6].recovery + enhancedAttribute[6]?.recovery }}</el-row>
                    <el-row v-show="currentEquipment[6]?.expertise>0">专精：&#12288;&#12288;{{ currentEquipment[6].expertise + enhancedAttribute[6]?.expertise }}</el-row>
                    <el-row v-show="currentEquipment[6]?.armorPenetration>0">破甲：&#12288;&#12288;{{ currentEquipment[6].armorPenetration + enhancedAttribute[6]?.armorPenetration }}</el-row>
                    <el-row v-show="currentEquipment[6]?.accuracy>0">命中：&#12288;&#12288;{{ currentEquipment[6].accuracy + enhancedAttribute[6]?.accuracy }}</el-row>
                    <el-row>来源：&#12288;&#12288;{{ currentEquipment[6]?.equipmentSource }}</el-row>
                    <el-row style="color: chocolate" v-show="currentEquipment[6]?.specialAttribute?.length>1">特殊属性：{{ currentEquipment[6].specialAttribute }}</el-row>
                  </el-row>
                </template>
              </el-popover>
            </el-form-item>
          </el-row>
          <el-row justify="center" style="text-align: center;width: 80px;margin-left: 10px">
            <el-select v-model="currentJewelryEnhancedLevel[6]" placeholder="强化"
                       :disabled="currentEquipment[6].qualityLevel<305 || currentEquipment[6].qualityLevel>=345" @visible-change="enhancedJewelryLevelList($event,6)"
                       @change="JewelryEnhancedSelectChange(6)">
              <el-option v-for="item in enhancedJewelryLevelList(true,6)" :key="item" :label="item" :value="item"/>
            </el-select>
          </el-row>
          <el-row justify="center" style="text-align: center;width: 120px;margin-left: 10px">
            <el-select v-model="currentEquipmentSunMoonStar[6]" value-key="name" :disabled="currentEquipment[6].isRandom===1||currentEquipment[6].qualityLevel<315"
                       placeholder="转灵境" @change="sunMoonStarChange($event,6)">
              <el-option v-for="item in sunMoonStar" :key="item.type" :label="item.name" :value="item"
                         :disabled="currentEquipmentSunMoonStar[7]?.type>=0 &&
                         currentEquipmentSunMoonStar[7]?.type===item.type ||
                         currentEquipment[7]?.equipmentName?.indexOf(item.name)!==-1"/>
            </el-select>
          </el-row>
          <el-row justify="center" style="width: 300px;margin-left: 10px" v-show="currentEquipment[6]?.isRandom===null||currentEquipment[6]?.isRandom===0">无</el-row>
          <el-row justify="center" style="width: 300px;margin-left: 10px" v-show="currentEquipment[6]?.isRandom===1">
            <el-form-item label="属性1" style="flex: 1;font-size: 12px">
              <el-select v-model="randomAttribute1['6']" value-key="name" placeholder="属性" @change="randomAttributeChange1($event,6)">
                <el-option v-for="item in randomAttribute1List" :key="item.type" :disabled="randomAttribute2['6']?.type===item.type"
                           :label="item.name+'('+item.value+')'" :value="item"/>
              </el-select>
            </el-form-item>
            <el-form-item label="属性2" style="flex: 1;font-size: 12px;margin-left: 10px">
              <el-select v-model="randomAttribute2['6']" value-key="name" placeholder="属性" @change="randomAttributeChange2($event,6)">
                <el-option v-for="item in randomAttribute2List" :key="item.type" :disabled="randomAttribute1['6']?.type===item.type"
                           :label="item.name+'('+item.value+')'" :value="item"/>
              </el-select>
            </el-form-item>
          </el-row>
        </el-row>
        <el-row justify="start">
          <el-row style="text-align: center">
            <el-form-item label="护符" style="width: 270px;">
              <el-popover :width="300" placement="right" effect="dark">
                <template #reference>
                  <el-select v-model="currentEquipment[7]" :model-value="currentEquipment[7].equipmentName" value-key="id"
                             placeholder="请选择装备" @change="equipmentSelectChange1">
                    <el-option v-for="item in classEquipment.Charm2" :key="item.id" :label="item.equipmentName" :value="item"
                               :disabled="item.equipmentName?.indexOf(currentEquipmentSunMoonStar[6]?.name)!==-1"/>
                  </el-select>
                </template>
                <template #default>
                  <el-row type="flex" justify="start" style="display: flex;flex-flow: column;text-align: left">
                    <el-row v-show="currentEquipment[7]?.coreAttribute>0">核心属性：{{ currentEquipment[7].coreAttribute + enhancedAttribute[7]?.coreAttribute }}</el-row>
                    <el-row v-show="currentEquipment[7]?.constitution>0">体：&#12288;&#12288;&#12288;{{ currentEquipment[7].constitution + enhancedAttribute[7]?.constitution }}</el-row>
                    <el-row v-show="currentEquipment[7]?.magicDefense">法术防御：{{ currentEquipment[7].magicDefense }}</el-row>
                    <el-row v-show="currentEquipment[7]?.criticalStrike>0">会心：&#12288;&#12288;{{ currentEquipment[7].criticalStrike + enhancedAttribute[7]?.criticalStrike }}</el-row>
                    <el-row v-show="currentEquipment[7]?.recovery>0">调息：&#12288;&#12288;{{ currentEquipment[7].recovery + enhancedAttribute[7]?.recovery }}</el-row>
                    <el-row v-show="currentEquipment[7]?.expertise>0">专精：&#12288;&#12288;{{ currentEquipment[7].expertise + enhancedAttribute[7]?.expertise }}</el-row>
                    <el-row v-show="currentEquipment[7]?.armorPenetration>0">破甲：&#12288;&#12288;{{ currentEquipment[7].armorPenetration + enhancedAttribute[7]?.armorPenetration }}</el-row>
                    <el-row v-show="currentEquipment[7]?.accuracy>0">命中：&#12288;&#12288;{{ currentEquipment[7].accuracy + enhancedAttribute[7]?.accuracy }}</el-row>
                    <el-row>来源：&#12288;&#12288;{{ currentEquipment[7]?.equipmentSource }}</el-row>
                    <el-row style="color: chocolate" v-show="currentEquipment[7]?.specialAttribute?.length>1">特殊属性：{{ currentEquipment[7].specialAttribute }}</el-row>
                  </el-row>
                </template>
              </el-popover>
            </el-form-item>
          </el-row>
          <el-row justify="center" style="text-align: center;width: 80px;margin-left: 10px">
            <el-select v-model="currentJewelryEnhancedLevel[7]" placeholder="强化"
                       :disabled="currentEquipment[7].qualityLevel<305 || currentEquipment[7].qualityLevel>=345" @visible-change="enhancedJewelryLevelList($event,7)"
                       @change="JewelryEnhancedSelectChange(7)">
              <el-option v-for="item in enhancedJewelryLevelList(true,7)" :key="item" :label="item" :value="item"/>
            </el-select>
          </el-row>
          <el-row justify="center" style="text-align: center;width: 120px;margin-left: 10px">
            <el-select v-model="currentEquipmentSunMoonStar[7]" value-key="name"
                       :disabled="currentEquipment[7].isRandom===1 || currentEquipment[7].qualityLevel<315"
                       placeholder="转灵境" @change="sunMoonStarChange($event,7)">
              <el-option v-for="item in sunMoonStar" :key="item.type" :label="item.name" :value="item"
                         :disabled="currentEquipmentSunMoonStar[6]?.type>=0 &&
                         currentEquipmentSunMoonStar[6]?.type===item.type ||
                         currentEquipment[6]?.equipmentName?.indexOf(item.name)!==-1"/>
            </el-select>
          </el-row>
          <el-row justify="center" style="width: 300px;margin-left: 10px" v-show="currentEquipment[7]?.isRandom===null||currentEquipment[7]?.isRandom===0">无</el-row>
          <el-row justify="center" style="width: 300px;margin-left: 10px" v-show="currentEquipment[7]?.isRandom===1">
            <el-form-item label="属性1" style="flex: 1;font-size: 12px">
              <el-select v-model="randomAttribute1['7']" value-key="name" placeholder="属性" @change="randomAttributeChange1($event,7)">
                <el-option v-for="item in randomAttribute1List" :key="item.type" :disabled="randomAttribute2['7']?.type===item.type"
                           :label="item.name+'('+item.value+')'" :value="item"/>
              </el-select>
            </el-form-item>
            <el-form-item label="属性2" style="flex: 1;font-size: 12px;margin-left: 10px">
              <el-select v-model="randomAttribute2['7']" value-key="name" placeholder="属性" @change="randomAttributeChange2($event,7)">
                <el-option v-for="item in randomAttribute2List" :key="item.type" :disabled="randomAttribute1['7']?.type===item.type"
                           :label="item.name+'('+item.value+')'" :value="item"/>
              </el-select>
            </el-form-item>
          </el-row>
        </el-row>
        <el-row justify="start">
          <el-row style="text-align: center">
            <el-form-item label="法印" style="width: 270px;">
              <el-popover :width="300" placement="right" effect="dark">
                <template #reference>
                  <el-select v-model="currentEquipment[8]" :model-value="currentEquipment[8].equipmentName" value-key="id"
                             placeholder="请选择装备" @change="equipmentSelectChange">
                    <el-option v-for="item in classEquipment.Seal" :key="item.id" :label="item.equipmentName" :value="item"/>
                  </el-select>
                </template>
                <template #default>
                  <el-row type="flex" justify="start" style="display: flex;flex-flow: column;text-align: left">
                    <el-row v-show="currentEquipment[8].coreAttribute>0">核心属性：{{ currentEquipment[8].coreAttribute + enhancedAttribute[8]?.coreAttribute }}</el-row>
                    <el-row v-show="currentEquipment[8].constitution>0">体：&#12288;&#12288;&#12288;{{ currentEquipment[8].constitution + enhancedAttribute[8]?.constitution }}</el-row>
                    <el-row v-show="currentEquipment[8].magicDefense">法术防御：{{ currentEquipment[8].magicDefense }}</el-row>
                    <el-row v-show="currentEquipment[8].criticalStrike>0">会心：&#12288;&#12288;{{ currentEquipment[8].criticalStrike + enhancedAttribute[8]?.criticalStrike }}</el-row>
                    <el-row v-show="currentEquipment[8].recovery>0">调息：&#12288;&#12288;{{ currentEquipment[8].recovery + enhancedAttribute[8]?.recovery }}</el-row>
                    <el-row v-show="currentEquipment[8].expertise>0">专精：&#12288;&#12288;{{ currentEquipment[8].expertise + enhancedAttribute[8]?.expertise }}</el-row>
                    <el-row v-show="currentEquipment[8].armorPenetration>0">破甲：&#12288;&#12288;{{ currentEquipment[8].armorPenetration + enhancedAttribute[8]?.armorPenetration }}</el-row>
                    <el-row v-show="currentEquipment[8].accuracy>0">命中：&#12288;&#12288;{{ currentEquipment[8].accuracy + enhancedAttribute[8]?.accuracy }}</el-row>
                    <el-row>来源：&#12288;&#12288;{{ currentEquipment[8].equipmentSource }}</el-row>
                    <el-row style="color: chocolate" v-show="currentEquipment[8].specialAttribute.length>1">特殊属性：{{ currentEquipment[8].specialAttribute }}</el-row>
                  </el-row>
                </template>
              </el-popover>
            </el-form-item>
          </el-row>
          <el-row justify="center" style="text-align: center;width: 80px;margin-left: 10px">
            <el-select v-model="currentJewelryEnhancedLevel[8]" placeholder="强化"
                       :disabled="currentEquipment[8].qualityLevel<305 || currentEquipment[8].qualityLevel>=345" @visible-change="enhancedJewelryLevelList($event,8)"
                       @change="JewelryEnhancedSelectChange(8)">
              <el-option v-for="item in enhancedJewelryLevelList(true,8)" :key="item" :label="item" :value="item"/>
            </el-select>
          </el-row>
          <el-row justify="center" style="width: 120px;margin-left: 10px">无</el-row>
          <el-row justify="center" style="width: 300px;margin-left: 10px">无</el-row>
        </el-row>
        <el-row justify="start">
          <el-row style="text-align: center">
            <el-form-item label="令牌" style="width: 270px;">
              <el-popover :width="300" placement="right" effect="dark">
                <template #reference>
                  <el-select v-model="currentEquipment[9]" :model-value="currentEquipment[9].equipmentName" value-key="id"
                             placeholder="请选择装备" @change="equipmentSelectChange">
                    <el-option v-for="item in classEquipment.Token" :key="item.id" :label="item.equipmentName" :value="item"/>
                  </el-select>
                </template>
                <template #default>
                  <el-row type="flex" justify="start" style="display: flex;flex-flow: column;text-align: left">
                    <el-row v-show="currentEquipment[9].coreAttribute>0">核心属性：{{ currentEquipment[9].coreAttribute + enhancedAttribute[9]?.coreAttribute }}</el-row>
                    <el-row v-show="currentEquipment[9].constitution>0">体：&#12288;&#12288;&#12288;{{ currentEquipment[9].constitution + enhancedAttribute[9]?.constitution }}</el-row>
                    <el-row v-show="currentEquipment[9].magicDefense">法术防御：{{ currentEquipment[9].magicDefense }}</el-row>
                    <el-row v-show="currentEquipment[9].criticalStrike>0">会心：&#12288;&#12288;{{ currentEquipment[9].criticalStrike + enhancedAttribute[9]?.criticalStrike }}</el-row>
                    <el-row v-show="currentEquipment[9].recovery>0">调息：&#12288;&#12288;{{ currentEquipment[9].recovery + enhancedAttribute[9]?.recovery }}</el-row>
                    <el-row v-show="currentEquipment[9].expertise>0">专精：&#12288;&#12288;{{ currentEquipment[9].expertise + enhancedAttribute[9]?.expertise }}</el-row>
                    <el-row v-show="currentEquipment[9].armorPenetration>0">破甲：&#12288;&#12288;{{ currentEquipment[9].armorPenetration + enhancedAttribute[9]?.armorPenetration }}</el-row>
                    <el-row v-show="currentEquipment[9].accuracy>0">命中：&#12288;&#12288;{{ currentEquipment[9].accuracy + enhancedAttribute[9]?.accuracy }}</el-row>
                    <el-row>来源：&#12288;&#12288;{{ currentEquipment[9].equipmentSource }}</el-row>
                    <el-row style="color: chocolate" v-show="currentEquipment[9].specialAttribute.length>1">特殊属性：{{ currentEquipment[9].specialAttribute }}</el-row>
                  </el-row>
                </template>
              </el-popover>
            </el-form-item>
          </el-row>
          <el-row justify="center" style="text-align: center;width: 80px;margin-left: 10px">
            <el-select v-model="currentJewelryEnhancedLevel[9]" class="m-2" placeholder="龙魂符强化" style="width: 150px"
                       :disabled="currentEquipment[9].qualityLevel<305 || currentEquipment[9].qualityLevel>=345" @visible-change="enhancedJewelryLevelList($event,9)"
                       @change="JewelryEnhancedSelectChange(9)">
              <el-option v-for="item in enhancedJewelryLevelList(true,9)" :key="item" :label="item" :value="item"/>
            </el-select>
          </el-row>
          <el-row justify="center" style="width: 120px;margin-left: 10px">无</el-row>
          <el-row justify="center" style="width: 300px;margin-left: 10px">无</el-row>
        </el-row>
      </el-card>
    </el-row>
    <el-row style="width: 600px;margin-right: 10px">
      <el-row style="display: flex;flex-flow: row">
        <el-col :span="14" style="width: 300px;margin-left: 10px">
          <el-card header="天书" style="height: 140px;width: 100%;margin-top: 10px">
            <el-row style="text-align: center;margin-right: 10px;display: flex;flex-flow: row">
              <el-form-item size="small" label="会心%" style="width: 130px;margin-right: 10px;margin-bottom: 3px" v-show="isShowCriticalStrike">
                <el-select v-model="currentSkillTreeCriticalStrike" placeholder="空" value-key="name" @change="inlaySelectChange">
                  <el-option v-for="item in skillTreeCriticalStrike" :key="item" :label="item" :value="item"/>
                </el-select>
              </el-form-item>
              <el-form-item size="small" label="调息%" style="width: 130px;margin-right: 10px;margin-bottom: 3px" v-show="isShowRecovery">
                <el-select v-model="currentSkillTreeRecovery" placeholder="空" value-key="name" @change="inlaySelectChange">
                  <el-option v-for="item in skillTreeRecovery" :key="item" :label="item" :value="item"/>
                </el-select>
              </el-form-item>
            </el-row>
            <el-row style="text-align: center;display: flex;flex-flow: row">
              <el-form-item size="small" label="专精%" style="width: 130px;margin-right: 10px;margin-bottom: 3px" v-show="isShowExpertise">
                <el-select v-model="currentSkillTreeExpertise" placeholder="空" value-key="name" @change="inlaySelectChange">
                  <el-option v-for="item in skillTreeExpertise" :key="item" :label="item" :value="item"/>
                </el-select>
              </el-form-item>
              <el-form-item size="small" label="防御%" style="width: 130px;margin-right: 10px;margin-bottom: 3px" v-show="isShowDefense">
                <el-select v-model="currentSkillTreeDefense" placeholder="空" value-key="name" @change="inlaySelectChange">
                  <el-option v-for="item in skillTreeDefense" :key="item" :label="item" :value="item"/>
                </el-select>
              </el-form-item>
              <el-form-item size="small" label="气血%" style="width: 130px;margin-right: 10px;margin-bottom: 3px" v-show="isShowHp">
                <el-select v-model="currentSkillTreeHP" placeholder="空" value-key="name" @change="inlaySelectChange">
                  <el-option v-for="item in skillTreeHp" :key="item" :label="item" :value="item"/>
                </el-select>
              </el-form-item>
            </el-row>
          </el-card>
          <el-card header="临时增益" style="height: 220px;width: 100%;margin-top: 10px">
            <el-row>
              <el-form-item label="丹药" size="small" style="width: 250px;margin-bottom: 3px">
                <el-select size="small" v-model="currentDanYao" placeholder="无" :style="{color: currentDanYao.color}" value-key="name" @change="danYaoSelectChange">
                  <el-option v-for="item in danYaoList" :key="item.id" :label="item.name" :value="item" :style="{color: item.color}"/>
                </el-select>
              </el-form-item>
              <el-form-item label="食品" size="small" style="width: 250px;margin: 3px 0">
                <el-select size="small" v-model="currentShiPin" placeholder="无" :style="{color: currentShiPin.color}" value-key="name" @change="shiPinSelectChange">
                  <el-option v-for="item in shiPinList" :key="item.id" :label="item.name" :value="item" :style="{color: item.color}"/>
                </el-select>
              </el-form-item>
              <el-checkbox v-model="lingYao" @change="lingYaoSelectChange" style="color: darkorchid">爆发药(紫)</el-checkbox>
              <el-checkbox v-model="shengShengBuXi" @change="shengShengSelectChange" style="color: lightseagreen">生生不息</el-checkbox>
            </el-row>
          </el-card>
        </el-col>
        <el-col :span="10" style="width: 260px; margin-left: 10px">
          <el-card header="星魄/法宝" style="height: 370px;width: 100%;margin-top: 10px">
            <el-row>
              <el-form-item label="青龙" style="width: 120px;">
                <el-select v-model="currentXingPo['青龙']" placeholder="空" value-key="level" @change="xingPoSelectChange">
                  <el-option v-for="item in xingPoLevel" :key="item" :label="item.level" :value="item"/>
                </el-select>
              </el-form-item>
            </el-row>
            <el-row>
              <el-form-item label="白虎" style="width: 120px;">
                <el-select v-model="currentXingPo['白虎']" placeholder="空" value-key="level" @change="xingPoSelectChange">
                  <el-option v-for="item in xingPoLevel" :key="item" :label="item.level" :value="item"/>
                </el-select>
              </el-form-item>
            </el-row>
            <el-row>
              <el-form-item label="玄武" style="width: 120px;">
                <el-select v-model="currentXingPo['玄武']" placeholder="空" value-key="level" @change="xingPoSelectChange">
                  <el-option v-for="item in xingPoLevel" :key="item" :label="item.level" :value="item"/>
                </el-select>
              </el-form-item>
            </el-row>
            <el-row>
              <el-form-item label="朱雀" style="width: 120px;">
                <el-select v-model="currentXingPo['朱雀']" class="m-2" placeholder="空" value-key="level" @change="xingPoSelectChange">
                  <el-option v-for="item in xingPoLevel" :key="item" :label="item.level" :value="item"/>
                </el-select>
              </el-form-item>
            </el-row>

            <el-form-item label="" style="width: 200px;">
              *法宝只展示有常驻属性的
              <el-select style="width: 150px" v-model="currentAMagicWeapon" placeholder="无" value-key="name" @change="aMagicWeaponSelectChange">
                <el-option v-for="item in aMagicWeaponList" :key="item.id" :label="item.name" :value="item">
                  <span style="float: left">{{ item.name }}</span>
                  <span v-show="item.criticalStrike>0">[{{ item.criticalStrike }}会心]</span>
                  <span v-show="item.recovery>0">[{{ item.recovery }}调息]</span>
                  <span v-show="item.expertise>0">[{{ item.expertise }}专精]</span>
                  <span v-show="item.armorPenetration>0">[{{ item.armorPenetration }}破甲]</span>
                  <span v-show="item.accuracy>0">[{{ item.accuracy }}命中]</span>
                </el-option>
              </el-select>
            </el-form-item>
          </el-card>
        </el-col>
      </el-row>
      <el-card style="margin-top: 10px;height: 280px;width: 100%;margin-left: 10px">
        <template #header>
          属性结果
        </template>
        <el-row style="width: 600px">
          <el-row style="width: 160px;display: flex;flex-direction: column">
            <div>体：{{ result.constitution.valueOf().toFixed(0) }}</div>
            <div>气血：{{ result.HP.valueOf().toFixed(0) }}</div>
            <div>核心属性：{{ (result.coreAttribute.valueOf()).toFixed(0) }}</div>
            <div>物理攻击：{{ ((result.coreAttribute.valueOf()) / 5).toFixed(0) }}</div>
            <div>魔法攻击：{{ ((result.coreAttribute.valueOf()) / 5).toFixed(0) }}</div>
          </el-row>
          <el-row style="width: 240px;display: flex;flex-direction: column">
            <el-row>
              <div style="width: 80px">会心：{{ (result.criticalStrike.valueOf()).toFixed(0) }}</div>
              <div>（{{ (result.criticalStrike.valueOf() / 39 + currentSkillTreeCriticalStrike).toFixed(2) }}%）</div>
            </el-row>
            <el-row>
              <div style="width: 80px">调息：{{ (result.recovery.valueOf()).toFixed(0) }}</div>
              <div>（{{ (result.recovery.valueOf() / 39 + currentSkillTreeRecovery).toFixed(2) }}%）</div>
            </el-row>
            <el-row>
              <div style="width: 80px">专精：{{ (result.expertise.valueOf()).toFixed(0) }}</div>
              <div>（{{ (result.expertise.valueOf() / 39 + currentSkillTreeExpertise).toFixed(2) }}%）</div>
            </el-row>
            <el-row style="align-items: center">
              <div style="width: 80px">破甲：{{ (result.armorPenetration.valueOf()).toFixed(0) }}</div>
              <div>（{{ (result.armorPenetration.valueOf() / 39).toFixed(2) }}%）</div>
              <el-popover :width="200" placement="right" effect="dark">
                <template #reference>
                  <QuestionFilled style="width: 15px;height: 15px;"/>
                </template>
                <template #default>
                  <el-row type="flex" justify="start" style="display: flex;flex-flow: column;text-align: left">
                    <el-text style="color: white">无视防御≈{{ pojia(Number(result.armorPenetration.valueOf()), 0).toFixed(2) }}%</el-text>
                    <el-text style="color: white">破甲转化率≈{{ (0.5 + (pojia(Number(result.armorPenetration.valueOf()), 0) / 100) * 0.5).toFixed(3) }}%</el-text>
                  </el-row>
                </template>
              </el-popover>
            </el-row>
            <el-row>
              <div style="width: 80px">命中：{{ (result.accuracy.valueOf()).toFixed(0) }}</div>
              <div>（{{ (result.accuracy.valueOf() / 39 + 100).toFixed(2) }}%）</div>
            </el-row>
          </el-row>
          <el-row style="width: 200px;display: flex;flex-direction: column">
            <div>物理防御：{{ result.physicalDefense.valueOf().toFixed(0) }}</div>
            <div>魔法防御：{{ result.magicDefense.valueOf().toFixed(0) }}</div>
            <div>耀日：{{ result.sun.valueOf() }}</div>
            <div>残月：{{ result.moon.valueOf() }}</div>
            <div>流星：{{ result.star.valueOf() }}</div>
          </el-row>
        </el-row>
        <el-row style="width: 100%;margin-top: 15px">
          <el-button type="success" style="flex: 1" @click="save">保存当前配装</el-button>
          <el-button type="primary" style="flex: 1" @click="saveImage">分享好友</el-button>
          <el-button type="danger" v-show="suitSize2>=2&&classSchool[1]==='剑青云'" style="flex: 1" @click="attributeCalculate()">属性计算</el-button>
          <!--          <el-button type="danger" style="flex: 1" @click="attributeDialog=true">属性计算</el-button>-->
        </el-row>
      </el-card>
    </el-row>

    <el-row style="width:100%;">
      <el-row style="width: 50%">
        <el-card header="套装效果" style="min-width: 360px;width: 100%;margin-left: 10px;margin-top: 10px">
          <el-row style="display: flex;flex-flow: column" v-show="weaponSuit>=1">
            <el-row>其他套装</el-row>
            <el-row :style="{color: weaponSuit >= 2 ? 'chocolate' : '#aaaaaa'}">2：会心、专精、调息和破甲属性中最高和最低值每相差100点，造成的伤害和治疗增加0.1%</el-row>
          </el-row>
          <el-row style="display: flex;flex-flow: column" v-show="suitNumber315>=2">
            <el-row>305套装</el-row>
            <el-row :style="{color: suitNumber315 >= 2 ? 'chocolate' : '#aaaaaa'}">2：核心属性增加180点</el-row>
            <el-row :style="{color: suitNumber315 >= 4 ? 'chocolate' : '#aaaaaa'}">4：最高的额外属性（会心、专精、调息、破甲）增加195点</el-row>
          </el-row>
          <el-row style="display: flex;flex-flow: column" v-show="suitSize1 >= 2 || suitSize2 >= 2">
            <el-row>325套装</el-row>
            <el-row style="display: flex;flex-flow: row" v-show="suitSize1>=2">
              <el-row style="width:25px;text-align: center;border: 1px dashed #666;border-radius: 3px;">{{ classSchool[0] }}</el-row>
              <el-row style="flex:1;display: flex;flex-flow: column;margin-left: 5px">
                <el-row v-show="suitSize1>=2" :style="{color: suitSize1 >= 2 ? 'chocolate' : '#aaaaaa'}">{{ suitAttribute1[0] }}</el-row>
                <el-row v-show="suitSize1>=2" :style="{color: suitSize1 >= 4 ? 'chocolate' : '#aaaaaa'}">{{ suitAttribute1[1] }}</el-row>
              </el-row>
            </el-row>
            <el-row style="display: flex;flex-flow: row;margin-top: 5px" v-show="suitSize2>=2">
              <el-row style="width:25px;text-align: center;border: 1px dashed #666;border-radius: 3px;">{{ classSchool[1] }}</el-row>
              <el-row style="flex:1;display: flex;flex-flow: column;margin-left: 5px">
                <el-row v-show="suitSize2>=2" :style="{color: suitSize2 >= 2 ? 'chocolate' : '#aaaaaa'}">{{ suitAttribute2[0] }}</el-row>
                <el-row v-show="suitSize2>=2" :style="{color: suitSize2 >= 4 ? 'chocolate' : '#aaaaaa'}">{{ suitAttribute2[1] }}</el-row>
              </el-row>
            </el-row>
          </el-row>
          <el-row v-show="suitSize1 < 2 && suitSize2 < 2 && suitNumber315 <2">无</el-row>
        </el-card>
      </el-row>
      <el-row style="width: 50%">
        <el-card header="特殊效果" style="min-width: 360px;width: 100%;margin-left: 10px;margin-top: 10px;margin-right: 10px">
          <el-row v-for="item in specialAttributeList" :key="item?.content" style="color: chocolate">
            <el-row v-show="item!==undefined">{{ item?.type + "：" + item?.content }}</el-row>
          </el-row>
          <el-row v-for="item in sunMoonStarResult" :key="item" style="color: green">
            <el-row>{{ item }}</el-row>
          </el-row>
          <el-row v-show="specialAttributeList.length===0&&sunMoonStarResult.length===0">无</el-row>
        </el-card>
      </el-row>
    </el-row>
  </el-row>


  <el-row style="position: absolute;left: -9999px;top: -9999px" id="imageSave">
    <el-row style="background-image: url('/equipment-ico/equipment_build_bg.jpg');width: 1500px;border-radius:10px;display: grid;background-size: cover">
      <el-row style="display: flex">
        <el-row style="display: flex;margin: 10px;flex:1">
          <el-row style="padding-left: 20px;align-items: center;width: 100%;background:#ffffff;opacity: 0.9;border-radius: 10px;">
            <el-row :style="{backgroundImage:getClassImage(currentClassName)}" style="width: 50px;height: 50px;background-size: cover"/>
            <el-text style="font-size: 25px;margin-left: 20px;flex: 1">《{{ buildName || "未命名" }}》</el-text>
            <el-text>作者：</el-text>
            <el-text>{{ user.nickname }}</el-text>
            <el-row style="margin:0 20px;align-items: center;" class="author-label">
              <el-text>职业：</el-text>
              <el-tag :type="getClassTagType(currentClassSchool)">{{ currentClassName }}</el-tag>
              <el-tag type="info" class="school-tag" style="margin-left: 10px">{{ currentClassSchool }}</el-tag>
            </el-row>
          </el-row>
          <el-row style="display: flex;width: 100%;margin-top:10px;">
            <el-row style="display:grid;align-items: center;background:#ffffff;opacity: 0.9;border-radius: 10px" justify="start">
              <el-row style="display: grid;border-radius: 10px;padding: 10px;height: 100%">
                <el-text>
                  法宝：{{ currentAMagicWeapon?.name || '无' }}
                  <el-text v-show="currentAMagicWeapon?.criticalStrike>0">[{{ currentAMagicWeapon?.criticalStrike }}会心]</el-text>
                  <el-text v-show="currentAMagicWeapon?.recovery>0">[{{ currentAMagicWeapon?.recovery }}调息]</el-text>
                  <el-text v-show="currentAMagicWeapon?.expertise>0">[{{ currentAMagicWeapon?.expertise }}专精]</el-text>
                  <el-text v-show="currentAMagicWeapon?.armorPenetration>0">[{{ currentAMagicWeapon?.armorPenetration }}破甲]</el-text>
                  <el-text v-show="currentAMagicWeapon?.accuracy>0">[{{ currentAMagicWeapon?.accuracy }}命中]</el-text>
                  等级：{{ aMagicWeapon.level }}
                </el-text>
                <el-text>
                  天书：
                  <el-text v-show="currentSkillTreeCriticalStrike>0">[会心：{{ currentSkillTreeCriticalStrike }}%]</el-text>
                  <el-text v-show="currentSkillTreeRecovery>0">[调息：{{ currentSkillTreeRecovery }}%]</el-text>
                  <el-text v-show="currentSkillTreeExpertise>0">[专精：{{ currentSkillTreeExpertise }}%]</el-text>
                  <el-text v-show="currentSkillTreeDefense>0">[防御：{{ currentSkillTreeDefense }}%]</el-text>
                  <el-text v-show="currentSkillTreeHP>0">[气血：{{ currentSkillTreeHP }}%]</el-text>
                  <el-text v-show="currentSkillTreeCriticalStrike===0&&currentSkillTreeRecovery===0&&currentSkillTreeExpertise===0&&currentSkillTreeDefense===0&&currentSkillTreeHP===0">无
                  </el-text>
                </el-text>
              </el-row>
              <el-row style="height: 100%;display: grid;align-items: center;border-radius: 10px;padding: 10px" justify="start">
                <el-row v-for="(item,key) in currentXingPo" :key="item" style="display: flex">
                  <el-text>{{ key }}：</el-text>
                  <el-text>{{ item.level }}级、</el-text>
                  <el-text>{{ item.coreAttribute }}核心、</el-text>
                  <el-text>{{ item.HP }}气血、</el-text>
                  <el-text v-show="key==='青龙'">{{ item.attribute * 3 }}会心</el-text>
                  <el-text v-show="key==='白虎'">{{ item.attribute * 3 }}调息</el-text>
                  <el-text v-show="key==='玄武'">{{ item.attribute * 3 }}破甲</el-text>
                  <el-text v-show="key==='朱雀'">{{ item.attribute * 3 }}专精</el-text>
                </el-row>
              </el-row>
            </el-row>
            <el-row style="min-width: 400px;padding: 10px;border-radius: 10px;flex: 1;margin-left:10px;background:#ffffff;opacity: 0.9">
              <el-row style="flex: 0.7;display: grid;color:#333333">
                <el-text>体 : {{ result?.constitution.valueOf().toFixed(0) }}</el-text>
                <el-text>气血 : {{ result?.HP.valueOf().toFixed(0) }}</el-text>
                <el-text>核心属性 : {{ result?.coreAttribute.valueOf().toFixed(0) }}</el-text>
                <el-text>物理攻击 : {{ (result?.coreAttribute.valueOf() / 5).toFixed(0) }}</el-text>
                <el-text>魔法攻击 : {{ (result?.coreAttribute.valueOf() / 5).toFixed(0) }}</el-text>
              </el-row>
              <el-row style="flex: 1;display: grid">
                <el-row>
                  <el-text style="color: #333333;width: 80px">会心 : {{ (result?.criticalStrike.valueOf()).toFixed(0) }}</el-text>
                  <el-text>({{ (result?.criticalStrike.valueOf() / 39 + currentSkillTreeCriticalStrike).toFixed(2) }}%)</el-text>
                </el-row>
                <el-row>
                  <el-text style="color: #333333;width: 80px">调息 : {{ (result?.recovery.valueOf()).toFixed(0) }}</el-text>
                  <el-text>({{ (result?.recovery.valueOf() / 39 + currentSkillTreeRecovery).toFixed(2) }}%)</el-text>
                </el-row>
                <el-row>
                  <el-text style="color: #333333;width: 80px">专精 : {{ (result?.expertise.valueOf()).toFixed(0) }}</el-text>
                  <el-text>({{ (result?.expertise.valueOf() / 39 + currentSkillTreeExpertise).toFixed(2) }}%)</el-text>
                </el-row>
                <el-row>
                  <el-text style="color: #333333;width: 80px">破甲 : {{ (result?.armorPenetration.valueOf()).toFixed(0) }}</el-text>
                  <el-text>({{ (result?.armorPenetration.valueOf() / 39).toFixed(2) }}%)</el-text>
                </el-row>
                <el-row>
                  <el-text style="color: #333333;width: 80px">命中 : {{ (result?.accuracy.valueOf()).toFixed(0) }}</el-text>
                  <el-text>({{ (result?.accuracy.valueOf() / 39 + 100).toFixed(2) }}%)</el-text>
                </el-row>
              </el-row>
              <el-row style="flex: 0.6;display: grid">
                <el-text style="color: #333333">物理防御 : {{ result?.physicalDefense.valueOf() }}</el-text>
                <el-text style="color: #333333">魔法防御 : {{ result?.magicDefense.valueOf() }}</el-text>
              </el-row>
            </el-row>
          </el-row>
          <el-row style="margin-top: 10px;display: flex;flex: 1">
            <!--        套装-->
            <el-row style="flex:1;padding: 10px;background:#ffffff;opacity: 0.9;border-radius: 10px">
              <el-row style="display: grid;align-content: start" v-show="weaponSuit>=1">
                <el-text style="width: 100%;font-size: 20px;text-align: center">其他套装</el-text>
                <el-text :style="{color: weaponSuit >= 2 ? 'chocolate' : '#aaaaaa'}">2：会心、专精、调息和破甲属性中最高和最低值每相差100点，造成的伤害和治疗增加0.1%</el-text>
              </el-row>
              <el-row style="display: grid;align-content: start" v-show="suitNumber315>=2">
                <el-text style="width: 100%;font-size: 20px;text-align: center">305套装</el-text>
                <el-text :style="{color: suitNumber315 >= 2 ? 'chocolate' : '#aaaaaa'}">2：核心属性增加180点</el-text>
                <el-text :style="{color: suitNumber315 >= 4 ? 'chocolate' : '#aaaaaa'}">4：最高的额外属性（会心、专精、调息、破甲）增加195点</el-text>
              </el-row>
              <el-row style="display: grid;align-content: start;flex: 1" v-show="suitSize1>=2 || suitSize2>=2">
                <el-text style="width: 100%;font-size: 20px;text-align: center;">325套装</el-text>
                <el-row style="display: flex;flex-flow: row" v-show="suitSize1>=2">
                  <el-row style="flex:1;display: grid;">
                    <el-text v-show="suitSize1>=2" :style="{color: suitSize1 >= 2 ? 'chocolate' : '#aaaaaa'}">{{ suitAttribute1[0] }}</el-text>
                    <el-text v-show="suitSize1>=2" :style="{color: suitSize1 >= 4 ? 'chocolate' : '#aaaaaa'}">{{ suitAttribute1[1] }}</el-text>
                  </el-row>
                </el-row>
                <el-row style="display: flex;flex-flow: row;margin-top: 5px" v-show="suitSize2>=2">
                  <el-row style="flex:1;display: grid;">
                    <el-text v-show="suitSize2>=2" :style="{color: suitSize2 >= 2 ? 'chocolate' : '#aaaaaa'}">{{ suitAttribute2[0] }}</el-text>
                    <el-text v-show="suitSize2>=2" :style="{color: suitSize2 >= 4 ? 'chocolate' : '#aaaaaa'}">{{ suitAttribute2[1] }}</el-text>
                  </el-row>
                </el-row>
              </el-row>
            </el-row>
            <!--       特殊效果-->
            <el-row style="flex:1;padding: 10px;margin-left: 10px;display: grid;background:#ffffff;opacity: 0.9;border-radius: 10px;align-content: start">
              <el-text style="width: 100%;font-size: 20px;text-align: center">特殊效果</el-text>
              <el-text v-for="item in specialAttributeList" :key="item?.type" style="color: chocolate;" v-show="item!==undefined">{{ item?.type + "：" + item?.content }}</el-text>
              <el-text v-for="item in sunMoonStarResult" :key="item" style="color: green;">{{ item }}</el-text>
              <el-text v-show="specialAttributeList.length===0&&sunMoonStarResult.length===0">无</el-text>
            </el-row>
          </el-row>
        </el-row>
        <el-row style="padding: 10px 10px 10px 0;margin-top: -10px;min-width: 700px;display: grid">
          <el-row v-for="(item,index) in currentEquipment" :key="item.id"
                  style="width: 100%;background:#ffffff;opacity: 0.9;border-radius: 10px;margin-top: 10px;">
            <el-row style="display: flex;width: 100%;align-items: center;padding: 0 10px">
              <el-row style="width: 65px;height:65px;margin: 3px 0;background: #333333" :style="{backgroundImage:getPartImage(item.equipmentSlot)}"/>
              <el-row style="display: grid;margin-left: 10px;min-width: 200px">
                <el-text style="line-height:20px;color:#333333;font-size: 20px;">
                  {{ item.equipmentName?.split('（')[0] }}
                  <el-text style="color: red" v-show="currentSuitLevel[index]!==null&&currentSuitLevel[index]!==undefined&&item.equipmentSource?.indexOf('套装')===-1">赋能：{{ currentSuitLevel[index]?.name }}</el-text>
                  <el-text style="color: red" v-show="currentEquipmentSunMoonStar[index]!==null&&currentEquipmentSunMoonStar[index]!==undefined">赋能：{{ currentEquipmentSunMoonStar[index]?.name }}</el-text>
                </el-text>
                <el-row style="display: flex;margin-top: 15px">
                  <el-text style="line-height:20px;width: 80px;color:#333333" v-show="item.criticalStrike>0">会心：{{ item.criticalStrike }}</el-text>
                  <el-text style="line-height:20px;width: 80px;color:#333333" v-show="item.recovery>0">调息：{{ item.recovery }}</el-text>
                  <el-text style="line-height:20px;width: 80px;color:#333333" v-show="item.expertise>0">专精：{{ item.expertise }}</el-text>
                  <el-text style="line-height:20px;width: 80px;color:#333333" v-show="item.armorPenetration>0">破甲：{{ item.armorPenetration }}</el-text>
                  <el-text style="line-height:20px;width: 80px;color:#333333" v-show="item.accuracy>0">命中：{{ item.accuracy }}</el-text>
                  <el-text style="line-height:20px;width: 80px;color:#333333" v-show="item?.isRandom===1">
                    {{ index === 6 ? (randomAttribute1['6']?.name + '：' + randomAttribute1['6']?.value) : index === 7 ? (randomAttribute1['7']?.name + '：' + randomAttribute1['7']?.value) : '' }}
                  </el-text>
                  <el-text style="line-height:20px;width: 80px;color:#333333" v-show="item?.isRandom===1">
                    {{ index === 6 ? (randomAttribute2['6']?.name + '：' + randomAttribute2['6']?.value) : index === 7 ? (randomAttribute2['7']?.name + '：' + randomAttribute2['7']?.value) : '' }}
                  </el-text>
                </el-row>
              </el-row>
              <el-row style="flex: 1;">

              </el-row>
              <el-row style="display: flex">
                <el-row style="display: grid;margin: 0 20px;min-width: 90px">
                  <el-row v-show="item.partType === 1" style="display: flex">
                    <el-row v-for="item in currentInlay.head" :key="item.id"
                            style="width: 30px;height: 30px;background-size: cover"
                            :style="{backgroundImage:getInlay1(item.description)}"/>
                  </el-row>
                  <el-row v-show="item.partType === 2" style="display: flex">
                    <el-row v-for="item in currentInlay.clothing" :key="item.id"
                            style="width: 30px;height: 30px;background-size: cover"
                            :style="{backgroundImage:getInlay2(item.description)}"/>
                  </el-row>
                  <el-row v-show="item.partType === 3" style="display: flex">
                    <el-row v-for="item in currentInlay.hand" :key="item.id"
                            style="width: 30px;height: 30px;background-size: cover"
                            :style="{backgroundImage:getInlay3(item.description)}"/>
                  </el-row>
                  <el-row v-show="item.partType === 4" style="display: flex">
                    <el-row v-for="item in currentInlay.waist" :key="item.id"
                            style="width: 30px;height: 30px;background-size: cover"
                            :style="{backgroundImage:getInlay3(item.description)}"/>
                  </el-row>
                </el-row>
                <el-row style="display: grid;margin-left: 20px;min-width: 70px">
                  <el-row v-show="index > 0&&index < 6" style="min-width: 70px">
                    <el-row v-show="(currentArmorEnhancedLevel[index]/10)>0">
                      <el-row style="background-image: url('/part-ico/armorEnhanced.png');background-size: cover;width: 30px;height: 30px"/>
                      <el-text style="margin-left: 5px">x{{ currentArmorEnhancedLevel[index] / 10 }}次</el-text>
                    </el-row>
                  </el-row>
                  <el-row v-show="index >= 6" style="min-width: 70px">
                    <el-row v-show="item.loongSpiritUpgradeCount>0">
                      <el-row style="background-image: url('/part-ico/loongSpirit.png');background-size: cover;width: 30px;height: 30px"/>
                      <el-text style="margin-left: 5px">x{{ item.loongSpiritUpgradeCount }}次</el-text>
                    </el-row>
                  </el-row>
                </el-row>
              </el-row>
            </el-row>
          </el-row>
        </el-row>
      </el-row>
      <el-row justify="end" style="flex: 1;margin-right: 20px;margin-bottom: 5px">
        <el-text style="color: white;font-size: 18px;font-family: inherit">
          数据来源：www.zxsjtools.cn
        </el-text>
        <el-text style="color: white;font-size: 18px;font-family: inherit;margin-left: 15px">
          QQ交流群：937677069
        </el-text>
      </el-row>
    </el-row>
  </el-row>
  <el-dialog v-model="submitEquipmentDialog" title="是否要保存当前配装内容？" align-center width="500px" :show-close="false" :before-close="()=>{}">
    <el-form :model="submitEquipmentFrom" label-position="right" label-width="100px">
      <el-form-item label="职业：">{{ currentClassName }}</el-form-item>
      <el-form-item label="职业专精：">{{ currentClassSchool }}</el-form-item>
      <el-form-item label="配装名称：">
        <el-input v-model="submitEquipmentFrom.name" autocomplete="off" style="width: 250px"/>
      </el-form-item>
      <!--      <el-row>-->
      <!--        <el-checkbox v-model="isShareHot" label="是否分享配装至职业热门推荐" size="large" style="margin-left: 20px"/>-->
      <!--      </el-row>-->
    </el-form>
    <template #footer>
      <span class="dialog-footer">
        <el-button @click="submitEquipmentCancel">取消</el-button>
        <el-button type="primary" @click="submitEquipmentBtn">
          保存
        </el-button>
      </span>
    </template>
  </el-dialog>

  <el-dialog style="width: 1850px" align-center v-model="isShowSaveImageDialog">
    <template #header>
      <el-row style="width: 100%;" justify="center">
        <el-text style="font-size: 20px">右键复制图像或将图像另存</el-text>
      </el-row>
    </template>
    <el-row id="shareImage" justify="center" style="margin-top: 10px;width: 100%;height: 100%;"></el-row>
  </el-dialog>

  <el-dialog style="width: 1250px" align-center v-model="attributeDialog">
    <template #header>
      <el-row style="width: 100%;" justify="center">
        属性计算
      </el-row>
    </template>
    <el-row justify="center" style="margin-top: 10px;width: 100%;height: 100%;display: grid">
      <el-row justify="center" style="color: red">物理剑输出计算器（目前仅支持物理剑）</el-row>
      <el-row justify="center" style="color: red">目前计算仅作为参考，非权威数据，数据均不考虑命中和会心的情况（木桩）</el-row>
      <el-row justify="center" style="color: green">特别鸣谢：诛仙世界助手用户-<a target="_blank" href="https://zxsj.wanmei.com/zxworld/zxqsj-publish/article-detail.html?aid=2728118">Geniux</a>（破甲对应的无视防御计算参考于此）</el-row>
      <el-row style="margin-top: 20px">
        <el-row style="display: grid;align-content: start">
          <el-text>物理攻击：{{ (resultHarm.gongji * 1.03).toFixed(0) }}+
            <el-input type="number" size="small" style="width: 100px" placeholder="0" v-model="resultHarm1.gongji" @change="shanghai1($event,resultHarm1.tiaoxi,resultHarm1.zhuanjing,resultHarm1.pojia)"/>
          </el-text>
          <el-text>法术攻击：{{ (resultHarm.gongji + Number(resultHarm1.gongji)).toFixed(0) }}</el-text>
          <el-text>调息：{{ (resultHarm.tiaoxi + currentSkillTreeRecovery * 39).toFixed(0) }}+
            <el-input type="number" size="small" style="width: 100px" placeholder="0" v-model="resultHarm1.tiaoxi" @change="shanghai1(resultHarm1.gongji,$event,resultHarm1.zhuanjing,resultHarm1.pojia)"/>
          </el-text>
          <el-text>专精：{{ (resultHarm.zhuanjing + currentSkillTreeExpertise * 39).toFixed(0) }}+
            <el-input type="number" size="small" style="width: 100px" placeholder="0" v-model="resultHarm1.zhuanjing" @change="shanghai1(resultHarm1.gongji,resultHarm1.tiaoxi,$event,resultHarm1.pojia)"/>
          </el-text>
          <el-text>破甲：{{ (resultHarm.pojia).toFixed(0) }}+
            <el-input type="number" size="small" style="width: 100px" placeholder="0" v-model="resultHarm1.pojia" @change="shanghai1(resultHarm1.gongji,resultHarm1.tiaoxi,resultHarm1.zhuanjing,$event)"/>
          </el-text>
          <el-text>无视防御：{{ pojia(Number(resultHarm.pojia), Number(resultHarm1.pojia)).toFixed(2) }}%</el-text>
          <el-text>破甲转化率：{{ (0.5 + (pojia(Number(resultHarm.pojia), Number(resultHarm1.pojia)) / 100) * 0.5).toFixed(3) }}%</el-text>
          <el-text>耀日：{{ sunHarm.toFixed(2) }}%</el-text>
          <el-text>幽海通玄：{{ (attributeHarm1.youHai * 100).toFixed(2) }}%</el-text>
          <el-text>太初玄元：{{ (taiChuXunYuan * 100).toFixed(2) }}%</el-text>
          <el-text>境界增伤：15.5%</el-text>

          <el-row style="color: green;font-size: 20px">输出提升≈{{ (((Number(attributeHarm1.total) - Number(attributeHarm.total)) / Number(attributeHarm1.total)) * 100).toFixed(3) }}%</el-row>
        </el-row>
        <el-row style="display: grid;margin-left: 30px">
          <el-row style="display: grid">
            <el-text>穿星：{{ attributeHarm.chuanxing.toFixed(0) }}
              <el-text style="color: green">({{ (attributeHarm1.chuanxing - attributeHarm.chuanxing).toFixed(0) }})</el-text>
              <el-text>穿星尾刀：{{ attributeHarm.chuanxingEnd.toFixed(0) }}
                <el-text style="color: green">({{ (attributeHarm1.chuanxingEnd - attributeHarm.chuanxingEnd).toFixed(0) }})</el-text>
              </el-text>
            </el-text>
            <el-text>青霜剑华：{{ attributeHarm.qingshuang.toFixed(0) }}
              <el-text style="color: green">({{ (attributeHarm1.qingshuang - attributeHarm.qingshuang).toFixed(0) }})</el-text>
            </el-text>
            <el-text>道剑纵横：{{ attributeHarm.daojian.toFixed(0) }}
              <el-text style="color: green">({{ (attributeHarm1.daojian - attributeHarm.daojian).toFixed(0) }})</el-text>
            </el-text>
            <el-text>贯虹：{{ attributeHarm.guanhong.toFixed(0) }}
              <el-text style="color: green">({{ (attributeHarm1.guanhong - attributeHarm.guanhong).toFixed(0) }})</el-text>
            </el-text>
            <el-text>剑拂云：{{ attributeHarm.jianfuyun.toFixed(0) }}
              <el-text style="color: green">({{ (attributeHarm1.jianfuyun - attributeHarm.jianfuyun).toFixed(0) }})</el-text>
              <el-text>第一段：{{ attributeHarm.jianfuyun1.toFixed(0) }}
                <el-text style="color: green">({{ (attributeHarm1.jianfuyun1 - attributeHarm.jianfuyun1).toFixed(0) }})</el-text>
              </el-text>
              <el-text>第二段：{{ attributeHarm.jianfuyun2.toFixed(0) }}
                <el-text style="color: green">({{ (attributeHarm1.jianfuyun2 - attributeHarm.jianfuyun2).toFixed(0) }})</el-text>
              </el-text>
              <el-text>第三段：{{ attributeHarm.jianfuyun3.toFixed(0) }}
                <el-text style="color: green">({{ (attributeHarm1.jianfuyun3 - attributeHarm.jianfuyun3).toFixed(0) }})</el-text>
              </el-text>
              <el-text>第四段：{{ attributeHarm.jianfuyun4.toFixed(0) }}
                <el-text style="color: green">({{ (attributeHarm1.jianfuyun4 - attributeHarm.jianfuyun4).toFixed(0) }})</el-text>
              </el-text>
            </el-text>
            <el-text>长歌：{{ (attributeHarm.changge * 7).toFixed(0) }}
              <el-text style="color: green">({{ (attributeHarm1.changge * 7 - attributeHarm.changge * 7).toFixed(0) }})</el-text>
              <el-text>每段伤害：{{ attributeHarm.changge.toFixed(0) }}
                <el-text style="color: green">({{ (attributeHarm1.changge - attributeHarm.changge).toFixed(0) }})</el-text>
              </el-text>
            </el-text>
            <el-text>怒剑劫：{{ attributeHarm.nujianjie.toFixed(0) }}
              <el-text style="color: green">({{ (attributeHarm1.nujianjie - attributeHarm.nujianjie).toFixed(0) }})</el-text>
            </el-text>
            <el-text>剑意留痕：{{ attributeHarm.jianyiliuhen.toFixed(0) }}
              <el-text style="color: green">({{ (attributeHarm1.jianyiliuhen - attributeHarm.jianyiliuhen).toFixed(0) }})</el-text>
            </el-text>
          </el-row>
          <el-row style="border:1px solid #333333;border-radius: 5px"/>
          <el-row style="display: grid;">
            模拟一分钟数据：
            <el-text>剑心穿星={{ attributeHarm.a.toFixed(0) }}
              <el-text style="color: green">({{ (attributeHarm1.a - attributeHarm.a).toFixed(0) }})</el-text>
              <el-text>剑心穿星*4={{ (attributeHarm.a * 4).toFixed(0) }}
                <el-text style="color: green">({{ (attributeHarm1.a * 4 - attributeHarm.a * 4).toFixed(0) }})</el-text>
              </el-text>
              <el-text>剑拂云穿星*2={{ (attributeHarm.chuanxing * 2).toFixed(0) }}
                <el-text style="color: green">({{ (attributeHarm1.chuanxing * 2 - attributeHarm.chuanxing * 2).toFixed(0) }})</el-text>
              </el-text>
            </el-text>
            <el-text>剑心青霜={{ attributeHarm.b.toFixed(0) }}
              <el-text style="color: green">({{ (attributeHarm1.b - attributeHarm.b).toFixed(0) }})</el-text>
              <el-text>剑心青霜*3={{ (attributeHarm.b * 3).toFixed(0) }}
                <el-text style="color: green">({{ (attributeHarm1.b * 3 - attributeHarm.b * 3).toFixed(0) }})</el-text>
              </el-text>
              <el-text>剑拂云青霜*9={{ (attributeHarm.qingshuang * 1.2 * 9).toFixed(0) }}
                <el-text style="color: green">({{ (attributeHarm1.qingshuang * 1.2 * 9 - attributeHarm.qingshuang * 1.2 * 9).toFixed(0) }})</el-text>
              </el-text>
              <el-text>普通青霜*2={{ (attributeHarm.qingshuang * 2).toFixed(0) }}
                <el-text style="color: green">({{ (attributeHarm1.qingshuang * 2 - attributeHarm.qingshuang * 2).toFixed(0) }})</el-text>
              </el-text>
            </el-text>
            <el-text>4层无双道剑={{ attributeHarm.c.toFixed(0) }}
              <el-text style="color: green">({{ (attributeHarm1.c - attributeHarm.c).toFixed(0) }})</el-text>
              <el-text>4层无双道剑*2={{ (attributeHarm.c * 2).toFixed(0) }}
                <el-text style="color: green">({{ (attributeHarm1.c * 2 - attributeHarm.c * 2).toFixed(0) }})</el-text>
              </el-text>
            </el-text>
            <el-text>剑心贯虹={{ attributeHarm.d.toFixed(0) }}
              <el-text style="color: green">({{ (attributeHarm1.d - attributeHarm.d).toFixed(0) }})</el-text>
              <el-text>剑心贯虹*7={{ (attributeHarm.d * 7).toFixed(0) }}
                <el-text style="color: green">({{ (attributeHarm1.d * 7 - attributeHarm.d * 7).toFixed(0) }})</el-text>
              </el-text>
              <el-text>剑拂云贯虹*17={{ (attributeHarm.guanhong * 1.2 * 17).toFixed(0) }}
                <el-text style="color: green">({{ (attributeHarm1.guanhong * 1.2 * 17 - attributeHarm.guanhong * 1.2 * 17).toFixed(0) }})</el-text>
              </el-text>
              <el-text>普通贯虹*7={{ (attributeHarm.guanhong * 7).toFixed(0) }}
                <el-text style="color: green">({{ (attributeHarm1.guanhong * 7 - attributeHarm.guanhong * 7).toFixed(0) }})</el-text>
              </el-text>
            </el-text>
            <el-text>剑心剑拂云={{ (attributeHarm.jianfuyun * 1.5).toFixed(0) }}
              <el-text style="color: green">({{ (attributeHarm1.jianfuyun * 1.5 - attributeHarm.jianfuyun * 1.5).toFixed(0) }})</el-text>
              <el-text>平缓剑拂云*3={{ (attributeHarm.jianfuyun * 3).toFixed() }}
                <el-text style="color: green">({{ (attributeHarm1.jianfuyun * 3 - attributeHarm.jianfuyun * 3).toFixed(0) }})</el-text>
              </el-text>
            </el-text>
            <el-text>长歌={{ (attributeHarm.changge * 7).toFixed(0) }}
              <el-text style="color: green">({{ (attributeHarm1.changge * 7 - attributeHarm.changge * 7).toFixed(0) }})</el-text>
              <el-text>一分钟两次={{ (attributeHarm.changge * 7 * 2).toFixed(0) }}
                <el-text style="color: green">({{ (attributeHarm1.changge * 7 * 2 - attributeHarm.changge * 7 * 2).toFixed(0) }})</el-text>
              </el-text>
            </el-text>
            <el-text>剑心怒剑劫={{ (attributeHarm.nujianjie * (1 + 0.5 + 0.2)).toFixed(0) }}
              <el-text style="color: green">({{ (attributeHarm1.nujianjie * (1 + 0.5 + 0.2) - attributeHarm.nujianjie * (1 + 0.5 + 0.2)).toFixed(0) }})</el-text>
              <el-text>平缓怒剑劫={{ (attributeHarm.nujianjie * 1.2).toFixed(0) }}
                <el-text style="color: green">({{ (attributeHarm1.nujianjie * 1.2 - attributeHarm.nujianjie * 1.2).toFixed(0) }})</el-text>
              </el-text>
            </el-text>
            <el-text>剑心剑意留痕*4={{ ((attributeHarm.e * (1 + 0.5 + 0.2)) * 4).toFixed(0) }}
              <el-text style="color: green">({{ (attributeHarm1.e * (1 + 0.5 + 0.2) * 4 - attributeHarm.e * (1 + 0.5 + 0.2) * 4).toFixed(0) }})</el-text>
              <el-text>剑拂云剑意留痕*2={{ ((attributeHarm.e * (1 + 0.2)) * 2).toFixed(0) }}
                <el-text style="color: green">({{ ((attributeHarm1.e * (1 + 0.2)) * 2 - attributeHarm.e * (1 + 0.2) * 2).toFixed(0) }})</el-text>
              </el-text>
            </el-text>
            <el-text>总伤害：{{ attributeHarm.total }}
              <el-text style="color: green">({{ (attributeHarm1.total - attributeHarm.total).toFixed(0) }})</el-text>
            </el-text>
          </el-row>
        </el-row>
      </el-row>

    </el-row>
  </el-dialog>
</template>
<script>
import equipment from '../assets/js/equipment.js'

export default equipment

</script>

<style>
.el-select__selected-item {
  font-size: 14px;
}

.el-select__placeholder {
  font-size: 14px;
}

/*.el-text {
  font-size: 16px;
  font-family: 楷体;
}*/
</style>